<!--
        ==================================================
        Header Section Start
        ================================================== -->
        <header id="top-bar" ng-cloak class="ng-cloak navbar-fixed-top animated-header">
            <div class="container">
                <div class="navbar-header">
                    <!-- responsive nav button -->
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    </button>
                    <!-- /responsive nav button -->

                    <!-- logo -->
                    <div class="navbar-brand">
                        <a href="/" >
                            <img src="images/logo_capella_big.png" alt="Logo Capella" width="180" height="74">
                        </a>
                    </div>
                    <!-- /logo -->
                </div>
                <!-- main menu -->
                <nav class="collapse navbar-collapse navbar-right" role="navigation">
                    <div class="main-menu">
                        <ul class="nav navbar-nav navbar-right">
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Workbench<span class="caret"></span></a>
                                <div class="dropdown-menu">
                                    <ul>
                                        <li><a href="features.html">Tool Features</a></li>
                                        <li><a href="getstarted.html">Get Started</a></li>
                                        <li><a href="addons.html">Add-Ons</a></li>
                                        <li class="divider"></li>
										<li><a href="capella_mbse_ge.html"><span class='flag-icon fi fi-de'></span>Übersicht</a></li>
										<li><a href="capella_mbse_fr.html"><span class='flag-icon fi fi-fr'></span>Aperçu</a></li>
										<li><a href="capella_mbse_sp.html"><span class='flag-icon fi fi-es'></span>Resumen</a></li>
										<li><a href="capella_mbse_br.html"><span class='flag-icon fi fi-pt'></span>Visão geral</a></li>
										<li><a href="capella_mbse_jp.html"><span class='flag-icon fi fi-jp'></span>概要</a></li>
					    					<li><a href="capella_mbse_kr.html"><span class='flag-icon fi fi-kr'></span>개요</a></li>
					    					<li><a href="capella_mbse_cn.html"><span class='flag-icon fi fi-cn'></span>概述</a></li>
                                    </ul>
                                </div>
                            </li>
                       		<li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Arcadia Method<span class="caret"></span></a>
                                <div class="dropdown-menu">
                                    <ul>
                                        <li><a href="arcadia.html">Arcadia Method</a></li>
                                        <li><a href="arcadia-reference.html">Reference Documents</a></li>
                                        <li><a href="arcadia-qna.html">Questions & Answers</a></li>
					<li><a href="arcadia_capella_sysml_tool.html">Arcadia/Capella and SysML</a></li>
                                        <li><a href="what_is_mbse.html">What is MBSE?</a></li>
                                    </ul>
                                </div>
                            </li>
                       		<li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Adopters<span class="caret"></span></a>
                                <div class="dropdown-menu">
                                    <ul>
                         			   <li><a href="adopters.html">Adopters</a></li>
                         			   <li><a href="case_studies.html">Case-Studies</a></li>
                        			</ul>
                        		</div>
                        	</li>
                       		<li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Community<span class="caret"></span></a>
                                <div class="dropdown-menu">
                                    <ul>
                         			   <li><a href="resources.html">Resources</a></li>
                         			   <li><a href="training_material.html">Training Material</a></li>
                     			       <li><a href="support.html">Help</a></li>
                     			       <li><a href="webinars.html">Webinars</a></li>
                     			       <li><a href="capella_days_2025.html">Capella Days</a></li>
                                   </ul>
                                </div>
                            </li>
                            <li><a href="services.html">Services</a></li>
                            <li><a href="contact.html">Contact</a></li>
                            <li id="dwnld"><a href="download.html">Download</a></li>
                        </ul>
                    </div>
                </nav>
                <!-- /main nav -->
            </div>
        </header>
